<html>
    <head></head>
    <style>
ul,li{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
ul{
    border: 1px solid #ccc;
    width: 200px;
    background-color: aliceblue;
    margin: 50px auto;
}
li{
    height: 60px;
    border-bottom: 1px dashed #900;
    text-align: center;
    line-height: 60px;
    background: url(img/fuhao1.jpg) no-repeat 20px 20px;
}
a{
    color: #000;
    text-decoration: none;
    display: block;
}
a:hover{
    color: white;
    border-left: blue  solid 10px;
    background: #e71515 url(img/fuhao1.jpg) no-repeat 10px 20px;
    text-decoration: underline;
}
    </style>
<body>
    <div>
    <ul>
        <li><a href="#">信工学院</a></li>
        <li><a href="#">外语学院</a></li>
        <li><a href="#">建工学院</a></li>
        <li><a href="#">会计学院</a></li>
    </ul>
</div>
 </body>   
    </html>